<template>
  <div class="footer-container">
    <div class="footer-box">
      <div>
        <p class="name">
          西安门道教育科技有限公司
        </p>
        <p class="normal-txt mt-28">
          公司地址：陕西省西安市雁塔区科创路168号西电科技园c座313
        </p>
        <p class="normal-txt">
          联系电话：029-89197055
        </p>
        <p class="normal-txt mt-28">
          <span @click="goXb()">陕ICP备19005241号-2</span>
          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=61019002002070">
            <span class="normal-txt">陕公网安备 61019002002070号</span>
          </a>
        </p>
      </div>
      <div>
        <img class="img-code" src="~@/assets/images/gzhcode.jpg" alt="公众号二维码">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "mFooter",
  methods: {
    goXb() {
      window.open(this.url)
    }
  }
}
</script>

<style scoped lang="stylus">
.footer-container {
  width: 100%;
  background: #434040;

  .mt-28 {
    margin-top 28px
  }

  .footer-box {
    width: 1440px;
    margin: 0 auto;
    padding: 40px 0;
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .name {
      font-size: 22px;
      font-weight: 500;
    }

    .normal-txt {
      font-size: 18px;

      a {
        display: inline-block;
        text-decoration: none;
        height: 20px;
        margin-left 30px
        line-height: 20px;
        color: #fff
      }
    }
    .img-code {
      display: block;
      width: 162px;
      height: 162px;
    }
  }
}

</style>
